
<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8" isELIgnored="false" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>


<div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
        <span aria-hidden="true">&times;</span></button>
    <h4 class="modal-title">审查/评审经历</h4>
</div>

<div class="modal-body">
    <div class="form-horizontal row">
        <form id="form_data">
            <div id="div_error" class="col-sm-12"></div>
            <input type="hidden" id="id" name="id" value="${data.id}">
            <div class="form-group col-sm-6">
                <label class="col-sm-4 control-label">开始时间：</label>
                <div class="col-sm-6">
                    <div class="input-group date form_date timeInput" >
                                                <span class="input-group-addon"><span
                                                        class="glyphicon glyphicon-calendar"></span></span>
                        <input class="form-control" type="text" name="startTime" value="<fmt:formatDate value="${data.startTime}" pattern="yyyy-MM-dd"/>" readonly>
                    </div>
                </div>
            </div>
            <div class="form-group col-sm-6">
                <label class="col-sm-4 control-label">结束时间：</label>
                <div class="col-sm-6">
                    <div class="input-group date form_date timeInput" >
                                                <span class="input-group-addon"><span
                                                        class="glyphicon glyphicon-calendar"></span></span>
                        <input class="form-control" type="text" name="endTime" value="<fmt:formatDate value="${data.endTime}" pattern="yyyy-MM-dd"/>" readonly>
                    </div>
                </div>
            </div>



            <div class="form-group col-sm-6">
                <label class="col-sm-4 control-label">涉及企业：</label>
                <div class="col-sm-6">
                    <input type="text" class="form-control"  name="company" value="${data.company}">
                </div>
            </div>

            <div class="form-group col-sm-6">
                <label class="control-label col-sm-4">专业/产品：</label>
                <div class="col-sm-6">
                    <input type="text" class="form-control"  name="product" value="${data.product}">
                </div>
            </div>

            <div class="form-group col-sm-6">
                <label class="col-sm-4 control-label">组长/组员：</label>
                <div class="col-sm-6">
                    <select class="form-control" id="role" name="role">
                        <option value="">&nbsp;</option>
                    </select>
                </div>
            </div>



            <div class="form-group col-sm-6">
                <div class="col-sm-6 col-sm-offset-4">
                    <button type="submit"
                            class="btn btn-default btn-success"><span
                            class="glyphicon glyphicon-ok"></span>&nbsp;确&nbsp;定&nbsp;
                    </button>
                </div>
            </div>

        </form>
    </div>


</div>


<script>




    $.sysPlugin.initSelect2($("#role"), {
        data: $.sysPlugin.enumeration.leaderCrew,
        value: '${data.role}'
    });




    <%--bootstrapValidator--%>
    $form_data=$("#form_data");
    $form_data.bootstrapValidator({
        feedbackIcons: {
            valid: 'glyphicon glyphicon-ok',
            invalid: 'glyphicon glyphicon-remove',
            validating: 'glyphicon glyphicon-refresh'
        },
        fields: {

            company: {
                validators: {
                    notEmpty: {
                        message: '不能为空！'
                    }
                }
            }, product: {
                validators: {
                    notEmpty: {
                        message: '不能为空！'
                    }
                }
            }, role: {
                validators: {
                    notEmpty: {
                        message: '不能为空！'
                    }
                }
            },
            startTime: {
                validators: {
                    notEmpty: {
                        message: '不能为空！'
                    }, callback: {
                        callback: function (value, validator) {
                            var var_endTime = $("#form_data").find("input[name='endTime']").val();
                            if (value != '' && var_endTime != '') {
                                if ((new Date(value)).getTime() > (new Date(var_endTime)).getTime()) {
                                    return {
                                        valid: false,
                                        message: '开始时间不能大于结束时间'
                                    }
                                }
                            }
                            return true;
                        }
                    }
                }
            },
            endTime: {
                validators: {
                    notEmpty: {
                        message: '不能为空！'
                    },
                    callback: {
                        callback: function (value, validator) {
                            var var_startTime = $("#form_data").find("input[name='startTime']").val();
                            if (value != '' && var_startTime != '') {
                                if ((new Date(value)).getTime() < (new Date(var_startTime)).getTime()) {
                                    return {
                                        valid: false,
                                        message: '结束时间不能小于开始时间'
                                    }
                                }
                            }
                            return true;
                        }
                    }
                }
            }
        }
    }).on('success.form.bv', function (e) {
        e.preventDefault();
        $.sysPlugin.superAjax({
            data:  $(e.target).serialize(),
            url: '${url}',
            operateType: '${operateType}',
            showSuccessAlert: true,
            showWarnAlert: false,
            successTitle:<c:choose><c:when test="${operateType=='insert'}">insertSuccessTitle</c:when><c:otherwise>updateSuccessTitle</c:otherwise></c:choose>,
            successCall: function (data) {
                $.sysPlugin.successCallBack(data, {
                    modal: $("#modal_ajax")
                });
                refreshTab($("#tab_expertReview"));
            },
            errorCall: function (data) {
                $.sysPlugin.errorCallBack(data, {
                    errorAddress: $("#div_error"),
                    form: $form_data
                })
            }
        });

    });

    $.sysPlugin.initDateTimeInput();
</script>



